<!--professional details strats-->
<div class="professional_details">
	<!--scroll container starts-->
	<div id="description2">
		<!--form starts-->
		<?php echo form_open(base_url().BASE.'join_as_submit_detail_continue', array('id' => 'join_as_form_professional_detail', 'autocomplete' => 'off')); ?>
			<div class="add">
				<a href="javascript:void(0);" id="add_more_prof" name="add_more_prof" ><img src="<?php echo SKIN_URL_IMAGE; ?>/add_more.png" alt="Add More" width="22"></a>
			</div>
			<div class="form_fields">

				<div class="textfield_box">
					<input type="text" onBlur="this.value=jQuery.trim(this.value)" name="current_employer" id="current_employer" placeholder="Current Employer" data-autosize-input='{ "space": 10 }' class="detailed_textfield2 content_blue">
				</div>
				<div class="clear"></div>

				<div class="textfield_box">
					<input type="text" onBlur="this.value=jQuery.trim(this.value)" name="designation" id="designation" placeholder="Designation" data-autosize-input='{ "space": 10 }' class="detailed_textfield2 content_pink">
				</div>
				<div class="clear"></div>

				<div class="subject_class">
					<div class="textfield_box">
						<input type="text" onBlur="this.value=jQuery.trim(this.value)" name="subject[]" id="subject" placeholder="Subject" class="detailed_textfield content_pink" onBlur="check3()">
						|
						<input type="text onBlur="this.value=jQuery.trim(this.value)"" name="class[]" id="class" placeholder="Class" class="detailed_textfield content_blue" onBlur="check3()">
					</div>
					<div class="clear"></div>
				</div>
				<div class="textfield_box">
					<textarea type="text" onBlur="this.value=jQuery.trim(this.value)" name="exam boards" id="exam boards" placeholder="Exam Boards" data-autosize-input='{ "space": 10 }' class="detailed_textfield2 content_blue"></textarea>
				</div>
				<div class="clear"></div>

				<div class="textfield_box">
					<input type="text" onBlur="this.value=jQuery.trim(this.value)" name="period" id="period" placeholder="Period" data-autosize-input='{ "space": 10 }' class="detailed_textfield content_pink">
					|
					<input type="text" onBlur="this.value=jQuery.trim(this.value)" name="from_date" id="from_date" placeholder="From Date" data-autosize-input='{ "space": 10 }' class="detailed_textfield content_blue">
					|
					<input type="text" onBlur="this.value=jQuery.trim(this.value)" name="till_date" id="till_date" placeholder="Till Date" data-autosize-input='{ "space": 10 }' class="detailed_textfield content_pink">
				</div>
				<div class="clear"></div>

				<div class="textfield_box">
					<textarea type="text" onBlur="this.value=jQuery.trim(this.value)" name="awards" id="awards" placeholder="Awards" data-autosize-input='{ "space": 10 }' class="detailed_textfield2 content_blue"></textarea>
				</div>
				<div class="clear"></div>

				<div class="textfield_box">
					<textarea type="text" onBlur="this.value=jQuery.trim(this.value)" name="seminars" id="seminars" placeholder="Seminars/ Workshop" data-autosize-input='{ "space": 10 }' class="detailed_textfield2 content_blue"></textarea>
				</div>
				<div class="clear"></div>

				<div class="textfield_box">
					<input type="text" onBlur="this.value=jQuery.trim(this.value)" name="years_of_experience" id="years_of_experience" placeholder="Years of experience" data-autosize-input='{ "space": 10 }' class="detailed_textfield2 content_blue">
				</div>
				<div class="clear"></div>

				<div class="textfield_box">
					<input type="text" onBlur="this.value=jQuery.trim(this.value)" name="previous_employer" id="previous_employer" placeholder="Previous Employer" data-autosize-input='{ "space": 10 }' class="detailed_textfield2 content_blue">
				</div>
				<div class="clear"></div>

				<div class="textfield_box">
					<input type="text" onBlur="this.value=jQuery.trim(this.value)" name="designation1" id="designation1" placeholder="Designation" data-autosize-input='{ "space": 10 }' class="detailed_textfield2 content_pink">
				</div>
				<div class="clear"></div>

				<div class="subject_class2">
					<div class="textfield_box">
						<input type="text" onBlur="this.value=jQuery.trim(this.value)" name="subject1[]" id="subject1" placeholder="Subject" class="detailed_textfield content_pink" onBlur="check4()">
						|
						<input type="text" onBlur="this.value=jQuery.trim(this.value)" name="class1[]" name="class1" placeholder="Class" class="detailed_textfield content_blue" onBlur="check4()">
					</div>
					<div class="clear"></div>
				</div>

				<div class="textfield_box">
					<textarea type="text" onBlur="this.value=jQuery.trim(this.value)" name="exam boards1" id="exam boards1" placeholder="Exam Boards" data-autosize-input='{ "space": 10 }' class="detailed_textfield2 content_blue"></textarea>
				</div>
				<div class="clear"></div>

				<div class="textfield_box">
					<input type="text" name="period1" onBlur="this.value=jQuery.trim(this.value)" id="period1" placeholder="Period" data-autosize-input='{ "space": 10 }' class="detailed_textfield content_pink">
					|
					<input type="text" name="from_date1" onBlur="this.value=jQuery.trim(this.value)" id="from_date1" placeholder="From Date" data-autosize-input='{ "space": 10 }' class="detailed_textfield content_blue">
					|
					<input type="text" name="till_date1" onBlur="this.value=jQuery.trim(this.value)" id="till_date1" placeholder="Till Date" data-autosize-input='{ "space": 10 }' class="detailed_textfield content_pink">
				</div>
				<div class="clear"></div>

				<div class="textfield_box">
					<textarea type="text" name="awards1" onBlur="this.value=jQuery.trim(this.value)" id="awards1" placeholder="Awards" data-autosize-input='{ "space": 10 }' class="detailed_textfield2 content_blue"></textarea>
				</div>
				<div class="clear"></div>

				<div class="textfield_box">
					<textarea type="text" name="seminars1" onBlur="this.value=jQuery.trim(this.value)" id="seminars1" placeholder="Seminars/ Workshop" data-autosize-input='{ "space": 10 }' class="detailed_textfield2 content_blue"></textarea>
				</div>
				<div class="clear"></div>

				<div class="textfield_box">
					<input type="text" name="years_of_experience1" onBlur="this.value=jQuery.trim(this.value)" id="years_of_experience1" placeholder="Years of experience" data-autosize-input='{ "space": 10 }' class="detailed_textfield2 content_blue">
				</div>
				<div class="clear"></div>

				<div class="submit_button">
					<input type="button" value=" " name="academic_detail_prof" id="academic_detail_prof">
				</div>
			</div>
		<input type="hidden" name="member_type" id="member_type" value="<?php if(isset($member_type)){ echo $member_type;} ?>"  />
		<input type="hidden" name="part" id="part" value="professional"  />
		<input type="hidden" name="year4" id="year4" value=""  />
		<?php echo form_close(); ?>	
		<!--form closed-->
	</div>
	<!--scroll container starts-->
</div>
<!--professional details closed-->